
<!DOCTYPE html>
<html lang="en">
<head>



	<title>Rockstar Games - Social Club</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	
	<!--TeX-Gyre-Heros Font-->
    <link rel="stylesheet" type="text/css" href="../Common/css/TeX-Gyre-Heros/TeX-Gyre-Heros.min.css" />
    
    <!-- MP3 Only Fonts -->
    <link rel="stylesheet" type="text/css" href="../Common/css/Slate/font-slate.css" />

	<!-- HTML5 Reset -->
	<link rel="stylesheet" type="text/css" href="../Common/css/reset-html5.min.css" />	
	<link rel="stylesheet" href="css/screen.min.css" type="text/css" media="screen" />
	
    <link rel="stylesheet" type="text/css" href="../Common/js/jTweetsAnywhere-1.2.1/jquery.jtweetsanywhere-1.2.1.min.css" />     
	
    <!-- Autocomplete -->
    <link rel="stylesheet" type="text/css" href="../Common/js/autocomplete/jquery.autocomplete.css" />
</head>
<body>    
<header id="headerWrapper">
    <span class="version">v0.8.2d</span>
    <span class="versionSDK">v0.8.2d</span>
	<div id="header">        
		<h1><a href="http://socialclub.rockstargames.com/">Rockstar Games Social Club</a></h1>
		
		<nav>
			<ul id="mainNav">			
				<li class="home" id="homeButton" tabindex="1"><a id="homeLink"><span rel="localize[Home]">Home</span><i></i></a></li>
				<li class="stats" id="statsButton" tabindex="2"><a id="statsLink"><span rel="localize[Stats]">Stats</span><i></i></a></li>
				<li class="awards" id="awardsButton" tabindex="3"><a id="awardsLink"><span rel="localize[Awards]">Awards</span><i></i></a></li>
				<li class="system" id="systemButton" tabindex="4"><a id="systemLink"><span rel="localize[System]">System</span><i></i></a></li>
				<li class="social" id="socialButton" tabindex="5"><a id="socialLink"><span rel="localize[Social]">Social</span><i></i></a></li>
				<li class="crew" id="crewButton" tabindex="6"><a id="crewLink"><span rel="localize[Crew]">Crew</span><i></i></a></li>
				<li class="store" id="storeButton" tabindex="7"><a id="storeLink"><span rel="localize[Store]">Store</span><i></i></a></li>
			</ul>
		</nav>
		
		<div id="headerLogin">
		<span class="headerLoginText"><p><a id="headerLoginButton" rel="localize[SigninShort]" tabindex="8">Sign In</a> <span rel="localize[Or]">or</span></p>
		<a class="button buttonGold" id="joinClub" rel="localize[Join]" tabindex="9">Join The Club</a></span>
        <span class="headerLoginTextOffline"><!--<p><a title="Load Profile" id="headerLoginButtonOffline">Load Profile</a> <span>or</span></p>-->
		<a class="button buttonGold" id="joinClubOffline" tabindex="10" rel="localize[OfflineCreate]">Load or Create Profile</a></span>
		</div>
		
		<div id="headerLoginOptions">
						
			<a id="headerLoginOptionsButton"><i>Options</i></a>
			
			<div id="headerLoginOptionsDrop">
				
				<div id="headerLoginOptionsInfo">
					<img id="signedInUserAvatar" src="images/blank.gif" alt="" width="32" height="32" class="avatarImg smallAvatar" /><div class="text"><h6 id="signedInUser" class="username"></h6><p id="signInStatus" class="status">signed in</p></div>
				</div>
				
				<ul>
					<li><a id="menuSettings" rel="localize[Settings]">Settings</a></li>
					<li><a id="menuSignOut" rel="localize[SignOut]">Sign Out</a></li>
                    <li><a id="menuDeleteProfile" rel="localize[DeleteProfile]">Delete Profile</a></li>
					<li><a id="menuExit" rel="localize[Exit]">Exit</a></li>
				</ul>
			
			</div>
			
		</div>

	</div>
</header>

<div id="notificationPanel" class="panel"></div>

<div id="wrapper">
	
	<div id="loginPanelsWrapper">
		<div id="loginPanels">
		
			<div id="intro" class="loginPanel gold panel">
				<div class="inner">
			
					<h1 rel="localize[Hello]">Hello...</h1>
					
					<div class="signUp text">
					
						<h3><span rel="localize[Signup]">Sign Up To Join The Social Club</span></h3>
						
						<p id="benefits" rel="localize[DescriptionBenefits]">
						The Social Club is a member's only website destination for leaderboards, stats, tournaments, ongoing special competitions, virtual events and more for Rockstar titles. 
						</p>
						
                        <div id="signUpButtonWrapper">
						    <a href="#" class="btn btnPurple btnLarge btnRounded" id="buttonSignUp" rel="localize[SignupShort]">Sign Up</a>
						    <a id="lnkSkipAccount" class="buttonPlainText" href="#" rel="localize[SkipAccount]">Skip account creation</a>
						</div>
					</div>
					
					<div class="signIn">

						<h3><span rel="localize[OrSignin]">Or Sign In</span></h3>
						
						<form id="formSignIn" action="#" method="post" class="formSignIn">                        
						<label id="lblSignInError" class="SignInError"></label>
							<fieldset>
								<p>
									<label for="signInEmail" rel="localize[Email]">Email</label>
									<input type="text" name="signInEmail" id="signInEmail" class="text" />
								</p>
								
								<p>
									<label for="signInPassword" rel="localize[Password]">Password</label>
									<input type="password" autocomplete="off" name="signInPassword" id="signInPassword" class="text" maxlength="30" />
								</p>
							</fieldset>
							
							<p class="forgot"><a class="forgotPasswordLink" rel="localize[ForgotPassword]">Forgot password?</a></p>
							
							<fieldset class="options">
								<p>
									<input type="radio" name="signInOptions" id="remEmail" class="checkbox" checked="checked" />
									<label for="remEmail" rel="localize[RememberEmail]">Remember E-Mail</label>
								</p>
								<p>
									<input type="radio"  name="signInOptions" id="remPassword" class="checkbox" />
									<label for="remPassword" rel="localize[RememberPassword]">Remember Login Details</label>
								</p>
								<p>
									<input type="radio" name="signInOptions" id="autoSignIn" class="checkbox" />
									<label for="autoSignIn" rel="localize[AutoSignin]">Auto Sign In</label>
								</p>
							</fieldset>

						</form>
						
                        <form action="#" method="post" class="passwordForm">
						
							<fieldset>
								<p>
									<label for="signInEmailRetrieve" rel="localize[Email]">Email</label>
									<input type="text" name="signInEmailRetrieve" id="signInEmailRetrieve" class="text" />									
								</p>
							</fieldset>
							
							<p><span rel="localize[RecoverPassword]">To recover your password please enter your email address.  We will send you a link allowing you to reset your password or </span><a title="Return to Sign In form" class="signInReturn" rel="localize[Normal]">Sign In normally.</a>
							</p>
							
						</form>
						
						<p class="resetSuccessMsg" rel="localize[ResetSuccess]">
							Thank you, please check your registered email mailbox for your temporary password.
						</p>                       
						
                        <div class="buttonSignInWrapper"><a href="#" class="btn btnPurple btnRounded btnLarge buttonSignIn" id="buttonSignIn" rel="localize[SigninShort]">Sign In</a><span class="waitMessage" rel="localize[SigningIn]"></span></div>
                        <div class="buttonResetWrapper"><a href="#" class="btn btnPurple btnRounded btnLarge resetPassword" id="buttonResetPassword" rel="localize[Reset]">Reset</a><span></span></div>									
                      
                        <!--<a class="closeButton">Close</a>-->  		
					</div>
			
				</div>
                
			</div>
		
			<div id="dob" class="signupPanel blue panel">
				<span class="watermark"></span>
				<div class="inner">
				
					<a class="pagination previousPanel" rel="localize[StepOne]">1 of 4</a>
					
					<h2 rel="localize[SignupShort]">Sign Up</h2>
					<h1 rel="localize[DOB]">Date of Birth</h1>
					
					<p class="intro" rel="localize[EnterDOB]">
					Please enter your date of birth to proceed with the Social Club sign up process.
					</p>
					<div id="OfBirthError"></div>
					<form action="#" method="post" id="formDOB">
							
							<fieldset>
								<p>
									<label for="dayOfBirth">Date of Birth:</label>
									<select name="dayOfBirth" id="dayOfBirth">										
									</select>
								</p>
								<p>
									<label for="monthOfBirth">Month of Birth:</label>
									<select name="monthOfBirth" id="monthOfBirth" onchange="UpdateDays();">
										<option value="1" rel="localize[January]">January</option>
										<option value="2" rel="localize[February]">February</option>
										<option value="3" rel="localize[March]">March</option>
										<option value="4" rel="localize[April]">April</option>
										<option value="5" rel="localize[May]">May</option>
										<option value="6" rel="localize[June]">June</option>
										<option value="7" rel="localize[July]">July</option>
										<option value="8" rel="localize[August]">August</option>
										<option value="9" rel="localize[September]">September</option>
										<option value="10" rel="localize[October]">October</option>
										<option value="11" rel="localize[November]">November</option>
										<option value="12" rel="localize[December]">December</option>
									</select>
								</p>
								<p>
									<label for="yearOfBirth">Year of Birth:</label>
									<select name="yearOfBirth" id="yearOfBirth" onchange="UpdateDays();">
										<option value="">-</option>
									</select>
								</p>
							</fieldset>
						</form>
						
						<div id="submitDOBWrapper">
							<a class="btn btnPurple btnLarge btnRounded" id="submitDOB" rel="localize[Submit]">Submit</a>
							<span></span>
                            <a id="lnkCreateOfflineProfile" class="buttonPlainText" href="#" rel="localize[CreateLocalProfile]">No thanks, I just want to create a local profile</a>
						</div>
						
						<!--<a class="closeButton">Close</a>-->
				
				</div>
			</div>            

            <div id="onlinePolicies" class="signupPanel blue panel">
				<span class="watermark"></span>
			
				<div class="inner">
				
					<a class="pagination previousPanel" rel="localize[StepTwo]">2 of 4</a>
					
					<h2 rel="localize[SignupShort]">Sign Up</h2>
					<h1 rel="localize[OnlinePolicies]">Online Policies</h1>
					
					
					<div id="onlinePoliciesContainer" class="box-wrap antiscroll-wrap">
						<div class="loading"></div>
						<div class="box">
							<div class="antiscroll-inner">
					
								<div id="introTextContainer" class="text">
					
									<p rel="localize[PolicyOne]">
									Your use of this software is subject to the EULA located in the game manual and at <a href="http://www.rockstargames.com/eula" class="RGSCLoadExt">www.rockstargames.com/eula</a> and the online Code of Conduct located at <a href="http://www.rockstargames.com/conduct" class="RGSCLoadExt">www.rockstargames.com/conduct</a>
									</p>
							
									<p rel="localize[PolicyTwo]">
									Your use of the Social Club service is subject to the Terms & Conditions located at <a href="http://www.rockstargames.com/legal" class="RGSCLoadExt">www.rockstargames.com/legal</a> and the Privacy Policy located at <a href="http://www.rockstargames.com/privacy" class="RGSCLoadExt">www.rockstargames.com/privacy</a>
									</p>
							
									<p rel="localize[PolicyThree]">
									By registering for this service, you consent to the Terms and Privacy Policy, including the data transfer provisions of the Privacy Policy.
									</p>
							
									<p rel="localize[PolicyFour]">
									Both of these documents are available for your review by selecting the options below.
									</p>
									
									<p class="buttonPara">
									<!--<a id="buttonPrivacy" class="policyButtons btn btnRounded btnLarge btnPurple" rel="localize[PrivacyPolicy]">Privacy Policy</a>-->
									<a id="buttonPrivacy" class="policyButtons btn btnRounded btnLarge btnPurple" rel="localize[PleaseAgree]">Read Privacy Policy</a>
									</p>
									
								</div>
								
								<div id="privacyTextContainer" class="text" tabindex="100">
									
									<h5 name="privacyTitle" rel="localize[PrivacyPolicy]">Privacy Policy</h5>
									
									<div id="privacyPolicyText" class="text"></div>
									
									<p class="buttonPara">
									<a id="privacyAgree" class="policyButtons btn btnRounded btnLarge btnPurple" rel="localize[Agree]">Agree</a>
									<a id="privacyDisagree" class="policyButtons btn btnRounded btnLarge btnGrey" rel="localize[Disagree]">Disagree</a>
									</p>
									
								</div>
								
								<div id="termsTextContainer" class="text" tabindex="101">
									
									<h5 name="termsTitle" rel="localize[TermsofService]">Terms of Service</h5>
									
									<div id="termsServiceText" class="text"></div>
									
									<p class="buttonPara">
									<a id="termsAgree" class="policyButtons btn btnRounded btnLarge btnPurple" rel="localize[Agree]">Agree</a>
									<a id="termsDisagree" class="policyButtons btn btnRounded btnLarge btnGrey" rel="localize[Disagree]">Disagree</a>
									</p>
									
								</div>
					
							</div>
						</div>
					</div>
					
					
					
					
					
					
					<!--<a style="" class="closeButton">Close</a>-->
				
				</div>
			
			</div>            
						
			<div id="accountDetails" class="signupPanel blue panel">
				<span class="watermark"></span>
			
				<div class="inner">
				
					<a class="pagination previousPanel" rel="localize[StepThree]">3 of 4</a>
					
					<h2 rel="localize[SignupShort]">Sign Up</h2>
					<h1 rel="localize[AccountDetails]">Account Details</h1>
					
					<p class="descr" rel="localize[EnterValidEmail]">
					To join Social Club, enter a valid email address and password (6-16 characters).<br />
					Once created your new account will be linked to your Online ID.
					</p>
					
					<form action="#" method="post" id="formAccountDetails">                        					
						<fieldset id="AccountDetailsForm">
							<p>
								<label for="signUpNickname" rel="localize[Nickname]">Nickname</label>
								<span id="checkName" rel="localize[CheckingNickname]" class="waitMessage">Checking availability...</span>
								<input type="text" name="signUpNickname" id="signUpNickname" class="text" maxlength="16" />
                                <input type="hidden" name="signUpNicknameChecked" id="signUpNicknameChecked" class="text" />
							</p>
							<p>
								<label for="signUpEmail" rel="localize[Email]">Email</label>
								<input type="text" name="signUpEmail" id="signUpEmail" class="text" />
                                <input type="hidden" name="signUpEmailChecked" id="signUpEmailChecked" class="text" />
							</p>
						
                        	<p>
								<label for="signUpPassword" rel="localize[Password]">Password</label>
								<input type="password" autocomplete="off" name="signUpPassword" id="signUpPassword" class="text" maxlength="16" />
							</p>
							<!--<p class="noClear">
								<label for="signUpPasswordConf" rel="localize[ConfirmPassword]">Confirm Password</label>
								<input type="password" autocomplete="off" name="signUpPasswordConf" id="signUpPasswordConf" class="text" maxlength="16" />
							</p>
							<p>
								<label for="signUpCountry" rel="localize[Country]">Country</label><br />
								<select tabindex="5" name="signUpCountry" id="signUpCountry"></select>
							</p>
							<p class="noClear">
								<label for="signUpZip" rel="localize[Zip]">Zip</label>
								<input type="text" name="signUpZip" id="signUpZip" class="text" />
							</p>-->
						</fieldset>
					</form>
					
					<div id="submitDetailsWrapper">
						<a class="btn btnPurple btnLarge btnRounded" id="submitDetails" rel="localize[Submit]">Submit</a>
					</div>
					
					<!--<a class="closeButton">Close</a>-->
							
				</div>
			
			</div>
			
			<div id="avatar" class="selectAvatarPanel signupPanel blue panel">
				<span class="watermark"></span>
				<div class="inner">				
					<a class="pagination previousPanel" rel="localize[StepFour]">4 of 4</a>
					
					<h2 rel="localize[SignupShort]">Sign Up</h2>
					<h1 rel="localize[Avatar]">Avatar</h1>
					
					<div class="selectedAvatar"><img id="imgSelectedAvatar" src="images/avatars/64x64/default.png" alt="" width="64" height="64" /><span rel="localize[YourAvatar]">Your Avatar</span></div>
					
					<div class="loadingAvatarGames waitMessage"><span class="loading"></span><span rel="localize[LoadingAvatars]">Please wait... loading Avatars</span></div>
					
					<form action="#" method="post" id="formSignUpAvatar">	
                    <label id="lblAvatarError"></label>
                    <label id="lblCreateAccountError" class="errorText"></label>
						<fieldset>
							<p>
								<label for="signUpAvatar" rel="localize[ChooseAvatar]">Choose Avatar from game:</label>
								<select name="signUpAvatar" id="signUpAvatar"></select>
							</p>
						</fieldset>
					</form>                    
                    
					<div id="submitAvatarWrapper" class="submitAvatarWrapper">
					    <a class="btn btnPurple btnLarge btnRounded" id="submitAvatar" rel="localize[Submit]">Submit</a>
                        <span class="loadingSpinner"></span>
                        <span rel="localize[SubmittingDetails]">submitting your details...</span>
                    </div> 
					
                    <div id="avatarPanel" class="avatarPanel">
						<span class="loading"></span>
						<div id="avatarPanelInner"></div>
					</div>	
                    	
                    <!--<a class="closeButton">Close</a>-->    
				</div>                
			
			</div>
			
			<div id="signUpConfirm" class="signupPanel gold panel">
				<span class="watermark"></span>
			
				<div class="inner">
				
					<h2 rel="localize[SignupShort]">Sign Up Complete</h2>
					<h1 rel="localize[Success]">Congratulations</h1>
					
					<div class="text">

						<h3 id="signUpConfirmGreeting"><span rel="localize[Hi]">Hi</span> <span class="nickname purple">nickname</span></h3>
						
						<p rel="localize[ThankYou]">
						Thank you. You have successfully signed up with the Social Club.
						</p>
					
					</div>
					
					<a class="btn btnPurple btnLarge btnRounded" id="signUpConfirmButton" rel="localize[Close]">Close</a>
				    <!--<a class="closeButton">Close</a>-->
				</div>
			
			</div>
			
		</div>

	</div>	
	
	<div id="panelsWrapper">

		<div id="signOut" class="gold panel">
			
			<div class="inner">
			
				<h1 rel="localize[SignOut]">Sign Out?</h1>
				
				<p rel="localize[LoseProgress]">If you are playing a game, you will lose any unsaved progress.</p>
				
                <div class="panelButtonWrapper">
				    <a class="btn btnPurple btnRounded btnLarge" id="buttonSignOutYes" rel="localize[Yes]">Yes</a>				
				    <a class="btn btnGrey btnRounded btnLarge" id="buttonSignOutNo" rel="localize[No]">No</a>
				</div>
				
				<!--<a class="closeButton" style="">Close</a>-->

			</div>
		
		</div>
			
		<div id="homefeedPanel" class="panel"></div>
	
		<div id="statsPanel" class="panel">
	        
	        <div class="sideMenuCol">
				
				<ul class="sideMenu">

					<li><a id="statsLink2"><i></i><span rel="localize[Statistics]">Statistics</span></a></li>					

					<li><a id="awardsLink2"><i></i><span rel="localize[Accomplishments]">Accomplishments</span></a></li>
				</ul>
				
				<div id="compareSelect">
					<span class="spinner"></span>
					<h5 rel="localize[SelectFriend]">select friend</h5>
					<a class="close" title="close" rel="localize[Close]">close</a>
					
					<div id="compareSelectContainer" class="box-wrap antiscroll-wrap">
						<div class="box">
							<div class="antiscroll-inner">
							
								<ul id="compareSelectList">
								
								</ul>
				
							</div>
						</div>
					</div>
				
				</div>
				
				<div id="comparedFriend">
				
					<div id="comparedFriendInfo">
						<img width="32" height="32" class="avatar" alt="" src="images/avatars/32x32/default.png" id="comparedFriendAvatar">
						<div class="info">
							<h6 rel="localize[ComparingWith]">Comparing with</h6>
							<p id="comparedFriendNickname">nickname</p>
						</div>
					</div>
				
				</div>
				
				<ul class="sideMenu bottom">
					<li><a id="compareStats"><span rel="localize[Compare]">Compare</span></a></li>
				</ul>
			
				<!--<a class="backFriendLink" rel="localize[Back]">Back</a>-->
				
			</div>	
            
			<div class="contentWrapper">
				
				<div class="topStrip">
				
					<div id="statsHeader" class="content">
						<h5 class="myStatsTitle" rel="localize[MyStats]">My Stats</h5>
                        <h5 class="friendStatsTitle"></h5><h5 class="yourStatsTitle" rel="localize[You]">you</h5>
					</div>
					
					<div id="achievementsHeader" class="content">
						<h5 class="myStatsTitle" rel="localize[MyAccomplishments]">My Accomplishments</h5>
                        <h5 class="friendStatsTitle"></h5><h5 class="yourStatsTitle" rel="localize[You]">you</h5>
						<h5 class="titleRowDetail"></h5>
						<!--<h4>Last save 12/12/11 12:01 am</h4>-->
					</div>
					
				</div>
				
				<div class="loadingMask"><span class="loading"></span></div>
				
				<div id="statsContainer" class="box-wrap antiscroll-wrap">
					<div class="box">
						<div class="antiscroll-inner">        
                
							<!--<div class="ShowSignInLink">
								Please <a href="#" class="lnkSignIn">Sign In </a> to view your stats.
							</div>-->
							
							<div class="overview">
								<div id="statsContent" class="content">
									<table id="statstable">
										<tbody id="statsbody"></tbody>
									</table>
								</div>			
								
								<div id="achievementsContent" class="content">
									<table id="achievementstable">
										<tbody id="achievementsData2"></tbody>
									</table>
								</div>
								
							</div>
							
						</div>	
					</div>
				</div>

			</div>
	
		</div>
	
		<div id="awardsPanel" class="panel">
	
			<div class="titleRow">
                <h4><span id="awardsOverview"></span> <span class="titleDisplayName"></span>&nbsp;<span rel="localize[Awards]"> Accomplishments</span></h4>			
			    <h5><span id="awardsPoints"></span> pts</h5>
			</div>
			
			<div class="contentWrapper">
				<div class="loading">
			
					<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
				
					<div class="gradientWhiteTop"></div>
					<div class="gradientWhiteBot"></div>
			
					<div class="content viewport">
				    <!--<div class="ShowSignInLink">Please <a href="#" class="lnkSignIn">Sign In </a> to view your Accomplishments.</div>-->
					<table class="overview">
					    <tbody id="achievementsData"></tbody>
				    </table>
						
				</div>
				
				</div>
			</div>
		
			<div class="footerRow">
				<!--<a class="closeButton">Close</a>-->
			</div>
	
		</div>	

        <div id="divEditAvatar" class="selectAvatarPanel loginPanel blue panel">			    
				<div class="inner">
					
					<h2 rel="localize[EditProfile]">Edit Profile</h2>
					<h1 rel="localize[Avatar]">Avatar</h1>
					
					<div class="editSelectedAvatar"><img id="imgEditSelectedAvatar" src="" alt="" title="" width="64" height="64" class="largeAvatar" /><span rel="localize[YourAvatar]">Your Avatar</span></div>

                    <div class="loadingAvatarGames waitMessage"><span class="loading"></span><span rel="localize[LoadingAvatars]">Please wait... loading Avatars</span></div>
                    
					<form action="#" method="post" id="editAvatarForm">	
                    <label id="editAvatarError"></label>			
						<fieldset>
							<p>
								<label for="editAvatarGame" rel="localize[ChooseAvatar]">Choose Avatar from game:</label>
								<select name="editAvatarGame" id="editAvatarGame"></select>
							</p>
						</fieldset>
					</form>
					<div id="editAvatarWrapper" class="submitAvatarWrapper">
					<a class="btn btnPurple btnLarge btnRounded" id="editAvatarSubmit" rel="localize[Submit]">Submit</a></div>					
                    
					<div id="editAvatarPanel" class="avatarPanel">
						<span class="loading"></span>
						<div id="editAvatarPanelInner" class="">
						
						</div>
					</div>	
                    	    
                    <!--<a class="closeButton">Close</a>-->
				</div>             
			</div>
		
		<div id="selectProfile" class="gold panel">
			<div class="inner">
	
				<h1 rel="localize[SelectProfile]">Select Profile</h1>
				
				<div class="profileList">					
						<h3><span rel="localize[ProfilesFound]">Profiles found:</span>&nbsp;<span id="profileCount">0</span></h3>
						
						<div id="existingProfilesContainer" class="box-wrap antiscroll-wrap">
							<div class="box">
								<div class="antiscroll-inner">
						
									<div id="existingProfiles" class="profileListWrapper"></div>
						
								</div>
							</div>
						</div>
						
                        <a href="#" class="needAccountLink buttonPlainText" id="lnkNeedAccount" rel="localize[NeedAccount]">Need an Account?</a>
					</div>
					
				<div id="signInProfile" class="signIn">
					
						<h3><span rel="localize[OrSignin]">Or Sign In</span></h3>
						
						<form action="#" method="post" class="formSignIn">
						
							<!--RLS - removed as in wrong place and breaking form layout-->
							<label id="lblSignInErrorProfile" class="SignInError"></label>
							
							<fieldset>
								<p>
									<label for="signInEmailProfile" rel="localize[Email]">Email</label>
									<input type="text" name="signInEmailProfile" id="signInEmailProfile" class="text" />
								</p>
								
								<p>
									<label for="signInPasswordProfile" rel="localize[Password]">Password</label>
									<input type="password" autocomplete="off" name="signInPasswordProfile" id="signInPasswordProfile" class="text" maxlength="30" />
								</p>
							</fieldset>
							
							<p class="forgot"><a class="forgotPasswordLink" rel="localize[ForgotPassword]">Forgot password?</a></p>
							
							<fieldset class="options">
								<p>
									<input type="radio" name="signInOptionsProfile" id="remEmailProfile" class="checkbox" checked="checked" />
									<label for="remEmailProfile" rel="localize[RememberEmail]">Remember E-Mail</label>
								</p>
								<p>
									<input type="radio" name="signInOptionsProfile" id="remPasswordProfile" class="checkbox" />
									<label for="remPasswordProfile" rel="localize[RememberPassword]">Remember Login Details</label>
								</p>
								<p>
									<input type="radio" name="signInOptionsProfile" id="autoSignInProfile" class="checkbox" />
									<label for="autoSignInProfile" rel="localize[AutoSignin]">Auto Sign In</label>
								</p>
                                <input type="hidden" id="signInProfileRockstarId" />
							</fieldset>
						</form>

                        <form action="#" method="post" class="passwordForm">
						
							<fieldset>
								<p>
									<label for="signInEmailRetrieveProfile" rel="localize[Email]">Email</label>
									<input type="text" name="signInEmailRetrieve-Profile" id="signInEmailRetrieveProfile" class="text" />									
								</p>
							</fieldset>
							
							<p>
								<span rel="localize[RecoverPassword]">To recover your password please enter your email address.  We will send you a link allowing you to reset your password or</span> <a title="Return to Sign In form" class="signInReturn" rel="localize[Normal]">Sign In normally.</a>
							</p>
							
						</form>
						
						<p class="resetSuccessMsg" rel="localize[ResetSuccess]">
							Thank you, please check your inbox for the reset password email.
						</p>           
								
						<div class="buttonSignInWrapper"><a href="#" class="btn btnPurple btnRounded btnLarge buttonSignIn" id="buttonSignInProfile" rel="localize[SigninShort]">Sign In</a><span class="waitMessage" rel="localize[SigningIn]"></span></div>					
                        <div class="buttonResetWrapper"><a href="#" class="btn btnPurple btnRounded resetPassword" id="buttonResetPasswordProfile" rel="localize[Reset]">Reset</a><span></span></div>						
					
					</div>

                <div id="createProfileOffline" class="signIn">
					
						<h3><span rel="localize[OrCreate]">Or Create Profile</span></h3>
						
						<form action="#" method="post" class="formSignIn">
						<label id="lblCreateProfileError" class="SignInError"></label>
							<fieldset>
								<p>
									<label for="createProfileNickname" rel="localize[Nickname]">Nickname</label>
									<input type="text" name="createProfileNickname" id="createProfileNickname" class="text" maxlength="16"/>
								</p>								
							</fieldset>							
						</form>                            
								
						<div class="buttonSignInWrapper"><a href="#" class="btn btnPurple btnRounded buttonSignIn" id="buttonCreateProfileOffline" rel="localize[Create]">Create</a><span class="waitMessage" rel="localize[CreatingProfile]">creating profile...</span></div>					
                        
				</div>
					
				<!--<a class="closeButton">Close</a>-->
		
			</div>
		</div>

        <div id="deleteProfile" class="gold panel">
			
			<div class="inner">
			
				<h1 rel="localize[DeleteProfileQuestion]">Delete profile?</h1>

                <div class="profilePanel"><img id="imgDeleteProfile" src="" alt="" width="64" height="64" class="largeAvatar"/><div class="text"><h5 id="deleteProfileNickname" class="profilenickname">nickname here</h5><span class="subText"></span></div></div>
				
				<p rel="localize[LoseData]">
				You will lose any data associated with this profile.  Are you sure?
				</p>
				<label id="lblDeleteProfileError" class="errorText"></label>
				
                <div class="panelButtonWrapper">
				    <a class="btn btnPurple btnRounded btnLarge" id="buttonDeleteProfileYes" rel="localize[Yes]">Yes</a>				
				    <a class="btn btnGrey btnRounded btnLarge" id="buttonDeleteProfileNo" rel="localize[No]">No</a>
                </div>
				
                <!--<a class="closeButton">Close</a>-->
			</div>
		
		</div>

        <div id="eulaPanel" class="signupPanel blue panel">
			
				<div class="inner">
			
					<h1 rel="localize[Eula]">End User Licensing Agreement</h1>
					<h2 rel="localize[PleaseAgree]">Please Agree to the Following</h2>
			
				    <div class="text" id="eulaText"></div>
			        <input type="hidden" id="eulaVersion" value="test" />
				
                    <div id="policyAgreeButtonWrapper">
					    <a class="btn btnPurple btnRounded btnLarge" id="eulaAgree" rel="localize[Agree]">Agree</a>
					    <a class="btn btnLightGrey btnRounded btnLarge" id="eulaDisagree" rel="localize[Disagree]">Disagree</a>
				    </div>
			
				</div>
	
			</div>	

        <div id="activation" class="gold panel">			
			<div class="inner watermarkBg">
			
				<h1 class="title" rel="localize[Activation]">Activation</h1>
				
				<p class="message" rel="localize[PleaseEnter]">
				Please enter your activation code.
				</p>
				<form id="formActivation" action="#" method="post" onsubmit="$(this).find('a:first').click();return false;">
                <label id="lblActivation"></label>
                <fieldset>
                    <p class="requestCode">
                        <label for="requestCode" rel="localize[RequestCode]">Request Code:</label>
                        <input type="text" name="requestCode" id="requestCode" class="text" style="width:400px;" disabled="disabled" />                        
                    </p>    
 					<p>                        
                        <label for="activationCode" rel="localize[ActivationCode]">Activation Code:</label>
                        <input type="text" name="activationCode" id="activationCode" class="text" style="width:400px;" maxlength="19" />                                                
                    </p> 
                    <p class="activationDesc">                        
                        <span id="activationDesc"></span>
                    </p>                			                    
				</fieldset>
                    <label id="activationError" class="errorText"></label>				
					<div id="activationWrapper" class="activationWrapper">
					    <a id="buttonActivate" class="btn btnPurple btnRounded" rel="localize[i20]">Activate</a>                         
                        <a id="buttonDeactivate" class="btn btnPurple btnRounded" rel="localize[i28]">Deactivate</a>
                        <a id="buttonActivateYes" class="btn btnPurple btnRounded" rel="localize[Yes]">Yes</a>
                        <a id="buttonCancel" class="btn btnPurple btnRounded" rel="localize[Back]">Back</a>
                        <a id="buttonQuitGame" class="btn btnPurple btnRounded" rel="localize[QuitGame]">Quit Game</a>
                        <span id="spanActivate" class="waitMessage" rel="localize[i31]">attempting activation...</span>
                        <span id="spanDeactivate" class="waitMessage" rel="localize[i31]">attempting deactivation...</span>
                    </div>
                    <input type="hidden" id="ContentId" />
                </form>
				<!--<a class="closeButton" style="">Close</a>-->
			</div>		
		</div>		

    <div id="systemPanel" class="gold panel">
			
			<div class="inner">
			
				<h1>System</h1>
				
				<p>
				You have a patch available! <a href="">CLICK HERE</a> to update.
				</p>				
				
				<!--<a class="closeButton" style="">Close</a>-->

			</div>		
		</div>

    <div id="noConnection" class="gold panel">
		    <div class="inner">
	
			    <h1 rel="localize[NoCon]">No Connection</h1>
			
			    <div class="text">
			
				    <h3 rel="localize[NotAccess]">We're sorry, Data is not Accessible</h3>
				    <p></p>
				    <p rel="localize[ConProblem]">
				    There may be a connection problem with your network. 
				    </p>
				    <p rel="localize[InternetAccess]">
				    Please ensure you have internet access and try again.
				    </p>
				
			    </div>
			    <div class="panelButtonWrapper">                		
				    <a id="buttonNoConnectionClose" class="btn btnPurple btnRounded btnLarge" rel="localize[Close]">Close</a>
                </div>
                <!--
                <div class="footerRow">
				    <a class="closeButton" style="">Close</a>
			    </div>
			    -->
		    </div>
	    </div>

        <div id="messagePanel" class="gold panel">
			
			<div class="inner">
			
				<h1 id="messageTitle">Message Title</h1>
				
				<p id="messageShortDesc">
				Message from the system...
				</p>	
                
                <form action="#" method="post">
						
					<fieldset>
						<p><br />
							<label id="messageLongDesc">Message text would go here...</label>														
						</p>
					</fieldset>
					
				</form>

                <div id="messagePanelButtonWrapper">                		
				    <a id="buttonCloseMessage" class="btn btnPurple btnRounded btnLarge closeCurrentPanel" rel="localize[Close]">Close</a>
                    <a id="buttonCancelMessage" class="btn btnPurple btnRounded btnLarge" rel="localize[Cancel]">Cancel</a>	
                </div>
                
			</div>		
		</div>

        <div id="confirmPanel" class="gold panel">
			
			<div class="inner">
			
				<h1 id="confirmPanelTitle"></h1>                
                
                <span id="confirmPanelImage"></span>
                <span class="confirmPanelTextWrapper">
                    <p id="confirmPanelText"></p>
                    <p id="confirmPanelTextLong"></p>
                </span>                
				
                <div id="confirmPanelButtonWrapperYesNo" class="confirmPanelButtonWrapper">
				    <a class="btn btnPurple btnRounded" id="confirmPanelYes" rel="localize[Yes]">Yes</a>				
				    <a class="btn btnPurple btnRounded" id="confirmPanelNo" rel="localize[Back]">Back</a>
                    <a class="buttonCancelConfirm btn btnPurple btnRounded" rel="localize[Cancel]">Cancel</a>
                    <a class="buttonQuitConfirm btn btnPurple btnRounded" rel="localize[QuitGame]">Quit Game</a>
                </div>

                <div id="confirmPanelButtonWrapperOk" class="confirmPanelButtonWrapper">
				    <a class="btn btnPurple btnRounded" id="confirmPanelOk" rel="localize[Ok]">Ok</a>
                    <a class="buttonCancelConfirm btn btnPurple btnRounded" rel="localize[Cancel]">Cancel</a>										
                </div>
                
                <div class="confirmPanelOptionsWrapper">
                    <div id="confirmPanelOptions" class="confirmPanelOptions"></div>
                    <div id="confirmPanelOptionsButtonWrapper" class="confirmPanelButtonWrapper">
                        <a class="btn btnPurple btnRounded" id="confirmPanelSubmit" rel="localize[Submit]">Submit</a>								
                        <a class="buttonCancelConfirm btn btnPurple btnRounded" rel="localize[Cancel]">Cancel</a>
                    </div>
                </div>

                <div id="confirmPanelButtonWrapperRetry" class="confirmPanelButtonWrapper">
				    <a class="btn btnPurple btnRounded btnLarge" id="confirmPanelRetry" rel="localize[Retry]">Retry</a>										
                </div>

                <div id="confirmPanelButtonWrapperCancel" class="confirmPanelButtonWrapper">
                    <a class="buttonCancelConfirm btn btnPurple btnRounded btnLarge" rel="localize[Cancel]">Cancel</a>										
                </div>
                <!--<a class="closeButton" style="">Close</a>-->
			</div>
		
		</div>

        <div id="friendsPanel" class="panel">
                
			<div class="sideMenuCol">
				
				<ul class="sideMenu">
					<li><a id="myFriendsLink" class="hasCount"><i></i><span rel="localize[MyFriends]">My Friends</span><span class="count"></span></a></li>
					<li><a id="findPlayerLink"><i></i><span rel="localize[FindPlayer]">Find Player</span></a></li>
					<li><a id="friendInvitesLink" class="hasCount"><i></i><span rel="localize[FriendInvites]">Friend Invites</span><span class="count"></span></a></li>
					<li><a id="gameInvitesLink" class="hasCount"><i></i><span rel="localize[GameInvites]">Game Invites</span><span class="count"></span></a></li>
					<li><a id="messagesLink" class="hasCount"><i></i><span rel="localize[Messages]">Messages</span><span class="count"></span></a></li>
				</ul>	
			
				<!--<a class="backFriendLink" rel="localize[Back]">Back</a>-->
				
			</div>
			
			
			<div class="contentWrapper">
				
				<div class="topStrip">
				
					<div id="friendFilterContainer" class="content">
						<form id="friendFilterForm" onSubmit="return false">
							<input type="text" id="friendFilter" placeholder="FILTER FRIENDS" class="acInput" rel="localize[FilterFriends]"/><a id="friendFilterLink" class="searchButton"><span>Search</span></a>
                        </form>
						<span class="searchTip">3 char min</span>
						<a class="btn btnLightGrey btnRounded backFriendLink" rel="localize[Back]">Back</a>
					</div>
					
					<div id="friendSearch" class="content">
						<form id="friendSearchForm" onsubmit="$(this).find('a:first').click();return false;">
							<input type="text" id="friendSearchbox" placeholder="SEARCH" rel="localize[Search]"/><a id="friendSearchLink" class="searchButton"><span>Search</span></a>
						</form>
						<span class="searchTip">3 char min</span>
                        <h5 id="friendSearchTerm"><span rel="localize[YouSearchedFor]">You searched for</span> <span class="purple"></span></h5>
					</div>
					
					<div id="gameInvitesHeader" class="content">
						<h5><span rel="localize[PendingGame]">Pending Game Invites:</span> <span class="purple">0</span></h5>
					</div>
					
					<div id="newMessageHeader" class="content">
						<h5><span id="messageCount" class="purple">0</span> <span rel="localize[Messages]">Messages</span> <span id="unreadMessageCountWrapper"  class="purple">*<span id="unreadMessageCount">0</span> <span rel="localize[New]">NEW</span>*</span></h5>
						
						<a id="newMessage" class="btn btnCharcoal btnRounded" rel="localize[NewMessage]">New Message</a>
					</div>
					
					<div id="newMessageToPlayer" class="content">
						<img src="images/blank.gif" alt="" width="32" height="32">
						<h5 class="recipient"><span rel="localize[To]">TO:</span> <span class="profilenickname purple"></span></h5>
						
						<a class="btn btnLightGrey btnRounded backFriendLink" rel="localize[Back]">Back</a>
					</div>
					
					<div id="MessageThreadHeader" class="content">
						<h5><span rel="localize[MessagesWith]">Messages with</span> <span class="profilenickname purple"></span></h5>
						
						<a class="btn btnPurple btnRounded reply" rel="localize[Reply]">Reply</a>
						<a class="btn btnLightGrey btnRounded backFriendLink" rel="localize[Back]">Back</a>
					</div>
					
				</div>
				
				<div class="loadingMask"><span class="loading"></span></div>
				
				<div id="friendsContainer" class="box-wrap antiscroll-wrap">
					<div class="box">
						<div class="antiscroll-inner">
								
								<div class="overview">
									<div id="friendsList" class="content"></div>
									<div id="findFriends" class="content">
										
										<div id="findFriendsIntro">
											
											<h5 rel="localize[FindPlayersBy]">Find players by searching for...</h5>
											
											<ul>
												<!--<li rel="localize[GamertagsAnd]">Gamertags and IDs</li>-->
												<li rel="localize[SocialClubName]">Social Club name</li>
												<!--<li rel="localize[Crew]">Crew</li>
												<li rel="localize[FacebookTwitter]">Facebook / Twitter name</li>-->
											</ul>
	
										</div>
										
										<div id="findFriendsList"></div>

									</div>
									<div id="friendInvitesList" class="content"></div>
									<div id="gameInvitesList" class="content"></div>
									<div id="messagesList" class="content"></div>
									<div id="messageThread" class="content"></div>
									<div id="newMessageInput" class="content">
										<textarea id="newMessageEntry" name="newMessageEntry" placeholder="ENTER MESSAGE HERE" rel="localize[EnterMessageHere]"></textarea>
										<div class="footer">
											<span class="characterCountWrapper"><span class="characterCount">200</span></span>
											<a id="sendMessage" class="btn btnGold btnRounded" rel="localize[SendMessage]">Send Message</a>
										</div>
									</div>	
								</div>
                       
						</div>	
					</div>				
				</div>
					
				<div class="statusbar bold"></div>
				<!--<a class="closeButton">Close</a>-->
			</div>     
			
                  
		</div>

        <div id="friendProfilePanel" class="panel">
                
			<div class="sideMenuCol">
			
				<ul class="sideMenu">
					<li><a id="messageLink"><span rel="localize[MessageOption]">Message</span></a></li>
					<li><a id="compareStatsLink"><span rel="localize[CompareStats]">Compare Stats</span></a></li>
					<li><a id="gameInviteLink"><span rel="localize[SendGameInvite]">Send Game Invite</span></a></li>
					<li><a id="blockFriendLink"><span rel="localize[Block]">Block</span></a></li>
					<li><a id="removeFriendLink"><span rel="localize[RemoveFriend]">Remove Friend</span></a></li>
				</ul>
				
				<ul class="sideMenu bottom">
					<li><a class="backFriendLink"><span rel="localize[Back]">Back</span></a></li>
				</ul>	
				
			</div>
                              
			<div class="contentWrapper">
			
				<div class="topStrip">
					
					<div id="friendProfileHeader" class="content">
						<h5><span rel="localize[PlayerProfileFor]">Player profile for</span> <span class="purple profilenickname">nickname</span></h5>
					</div>
				
				</div>
			
				<div class="loadingMask"><span class="loading"></span></div>
				
				<div id="friendProfileContainer">
				
					<div id="friendProfile" class="content online">
					
						<div id="friendProfileHead">
							<img width="64" height="64" src="images/avatars/64x64/default.png" alt="" class="avatarImg">
							<div class="text">
								<h5 class="profilenickname"></h5>
								<p class="nowPlaying">
									<span title="online" class="status"></span><span class="title" rel="localize[NowPlaying]">NOW PLAYING</span> Max Payne 3
								</p>
								<p class="pubProfileLink"><span class="title" rel="localize[PublicProfile]">PUBLIC PROFILE :</span> <a href="#" title="this is an external link">socialclub.rockstargames.com/member/<span class="profilenickname"></span></a></p>
                                <p class="memberSinceDate"><span rel="localize[MemberSince]">Member Since:</span> <span class="creationDate"></span></p>
							</div>
						</div>
						
						<div id="friendProfileBody">

							<div class="friends">
                                <h5><span rel="localize[Friends]">Friends</span> <span>(</span><span class="friendsCount">0</span><span>)</span>&nbsp;&nbsp;<span rel="localize[MutualFriends]">Mutual Friends</span> <span>(</span><span class="mutualCount">6</span><span>)</span></h5>								
							</div>
							
							<div class="crews">
								<h5><span rel="localize[Crews]">Crews</span> <span>(</span><span class="crewsCount">0</span><span>)</span></h5>								
							</div>
						
						
							<div class="accounts">
								<h5><span rel="localize[Accounts]">Accounts</span> <span>(</span><span class="accountCount">0</span><span>)</span></h5>
                                <div class="accountList"></div>
							</div>
							
							<div class="games">
								<h5><span rel="localize[Games]">Games</span> <span>(</span><span class="gamesCount">0</span><span>)</span></h5>
								<!--<img src="images/temp-profile-games.png" width="265" height="134">-->
							</div>											
							
						</div>			
						
					</div>					
					
				</div>

				<div class="statusbar bold"></div>
				
			</div>
            
		</div>

        <div id="editProfilePanel" class="panel">

                <div class="sideMenuCol">                
					<ul class="sideMenu">
						<li><a id="myProfileLink"><span rel="localize[Profile]">Profile</span></a></li>
						<li><a id="privacyLink"><span rel="localize[Privacy]">Privacy</span></a></li>
                        <li><a id="gameSettingsLink"><span rel="localize[GameSettings]">Game Settings</span></a></li>
						<li><a id="blockListLink"><span rel="localize[BlockList]">Block List</span></a></li>
						
					</ul>
                </div>
                
                <div class="contentWrapper">
                
					<div class="topStrip">
					
						<div id="myProfileHeader" class="content">
							<h5 rel="localize[ProfileSettings]">Profile Settings</h5>
						</div>
						
						<div id="privacySettingsHeader" class="content">
							<h5 rel="localize[PrivacySettings]">Privacy Settings</h5>
						</div>

                        <div id="gameSettingsHeader" class="content">
							<h5 rel="localize[GameSettings]">Game Settings</h5>
						</div>
						
						<div id="blockedUsersHeader" class="content">
							<h5><span class="count purple">0</span> <span rel="localize[UsersCurrentlyBlocked]">Users are currently blocked</span></h5>
						</div>
					
					</div>
				
					<div class="loadingMask"><span class="loading"></span></div>
				
					<div id="editProfileContainer" class="box-wrap antiscroll-wrap">
						<div class="box">
							<div class="antiscroll-inner">
							
								<div class="overview">
									<div id="myProfile" class="content">
							
										<div class="changeAvatar" title="Click to change Avatar">
											<img id="editAvatar" src="" alt="" title="" width="64" height="64" class="largeAvatar" /><span><a href="#" id="lnkChangeAvatar" rel="localize[ChangeAvatar]">Change Avatar</a></span>
										</div>
							
										<form action="#" method="post" id="formEditProfile">
							
											<fieldset>
												<label id="Label1"></label>
												<p>
													<label for="editEmail" rel="localize[Email]">Email</label>
													<input type="text" name="editEmail" id="editEmail" value="" disabled="disabled" />
												</p>
								
												<p>
													<label for="editCountry" rel="localize[Country]">Country:</label>
													<select name="editCountry" id="editCountry"></select>
												</p>
								
												<p class="noClear">
													<label for="editZip" rel="localize[Zip]">Zip</label>
													<input type="text" name="editZip" id="editZip" />
												</p>
								
												<p>
													<label for="editOldPassword" rel="localize[OldPassword]">Old Password</label>
													<input type="password" autocomplete="off" name="editOldPassword" id="editOldPassword" maxlength="30" />
												</p>
								
												<p>
													<label for="editNewPassword" rel="localize[NewPassword]">New Password</label>
													<input type="password" autocomplete="off" name="editNewPassword" id="editNewPassword" maxlength="16" />
												</p>
								
												<p class="noClear">
													<label for="editConfNewPassword" rel="localize[ConfirmNewPassword]">Confirm New Password</label>
													<input type="password" autocomplete="off" name="editConfNewPassword" id="editConfNewPassword" maxlength="16" />
												</p>
												
												<p class="options">
													<input type="checkbox" name="editAutoSignIn" id="editAutoSignIn" class="checkbox" />
													<label for="editAutoSignIn" rel="localize[AutoSignin]">Auto Sign In</label>
												</p>
												
												<input type="hidden" id="editRockstarId" />
											</fieldset>
								
										</form>
								
										<div id="editProfileButtonWrapper">
											<a class="btn btnPurple btnRounded" id="editProfileButton" rel="localize[Update]">Update</a><span class="waitMessage" rel="localize[UpdatingNow]">updating now...</span>
										</div>
										
										<a id="deleteProfileLink" rel="localize[DeleteProfile]">Delete Profile</a>
							
									</div>											
									<div id="privacySettings" class="content">
									
										<form id="privacySettingsForm" class="toggleOptionsForm">
										
											<fieldset>
                                                <div class="intro">
												    <legend rel="localize[MyLinkedAccounts]">My Linked Accounts</legend>
                                                    <p rel="localize[DetermineWhoLinkedAccounts]">Determine who can see your Linked Accounts information on your Social Club profile page, in your mini-profile, Crew page, and other areas of the Social Club where your Nickname is visible.</p>
                                                </div>
                                                <div id="linkedAccountOptions">
												<p class="clearfix">
													<label class="mainLabel" for="platformVisibility" rel="localize[PlatformVisibility]">Platform Visibility</label>													

													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="platformVisibility" value="NONE">
														    <span rel="localize[MeOnly]">Me Only</span>
														</label>
														<label class="">
                                                            <input type="radio" name="platformVisibility" value="FRIENDS">
                                                            <span rel="localize[FriendsOnly]">Friends</span>
                                                        </label>
                                                        <label class="">
                                                            <input type="radio" name="platformVisibility" value="FRIENDSANDCREWS">
                                                            <span rel="localize[FriendsandCrew]">Friends & Crews</span>
                                                        </label>
														<label class="last selected">
														    <input type="radio" name="platformVisibility" value="EVERYONE">
														    <span rel="localize[Everyone]">Everyone</span>
														</label>
													
													</span>
												</p>

                                                <p class="clearfix">
													<label class="mainLabel" for="profileVisibility" rel="localize[PlatformVisibility]">Platform Visibility2</label>													

													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="platformVisibility" value="NONE">
														    <span rel="localize[MeOnly]">Me Only</span>
														</label>
														<label class="">
                                                            <input type="radio" name="platformVisibility" value="FRIENDS">
                                                            <span rel="localize[FriendsOnly]">Friends</span>
                                                        </label>
                                                        <label class="">
                                                            <input type="radio" name="platformVisibility" value="FRIENDSANDCREWS">
                                                            <span rel="localize[FriendsandCrew]">Friends & Crews</span>
                                                        </label>
														<label class="last selected">
														    <input type="radio" name="platformVisibility" value="EVERYONE">
														    <span rel="localize[Everyone]">Everyone</span>
														</label>
													
													</span>
												</p>
                                                </div>
											</fieldset>
											
											<fieldset>												
                                                <div class="intro">
												    <legend rel="localize[ProfilePageInfo]">My Profile Page and Info</legend>
                                                    <p rel="localize[ManageCertainProfile]">Manage certain information on your Social Club profile page, in your mini-profile, and other areas of the Social Club where your Nickname is visible.</p>
                                                </div>
												<p class="clearfix">
													<label class="mainLabel" for="ProfileVisibility" rel="localize[ProfileVisibility]">Profile Visibility</label>
													
													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="ProfileVisibility" value="NONE">
														    <span rel="localize[MeOnly]">Me Only</span>
														</label>
														<label class="">
                                                            <input type="radio" name="ProfileVisibility" value="FRIENDS">
                                                            <span rel="localize[FriendsOnly]">Friends</span>
                                                        </label>
                                                        <label class="">
                                                            <input type="radio" name="ProfileVisibility" value="FRIENDSANDCREWS">
                                                            <span rel="localize[FriendsandCrew]">Friends & Crews</span>
                                                        </label>
														<label class="last selected">
														    <input type="radio" name="ProfileVisibility" value="EVERYONE">
														    <span rel="localize[Everyone]">Everyone</span>
														</label>
													
                                                    </span>
												</p>
												
												<p class="clearfix">

                                                    <label class="mainLabel" for="ProfileLocation" rel="localize[ShowCountry]">Show my country</label>
													
													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="ProfileLocation" value="EVERYONE">
														    <span rel="localize[Yes]">Yes</span>
														</label>
														
														<label class="last selected">
														    <input type="radio" name="ProfileLocation" value="NONE">
														    <span rel="localize[No]">No</span>
														</label>
													
													</span>
												</p>
												
											</fieldset>
											
											<fieldset>												
                                                <div class="intro">
												    <legend rel="localize[SinglePlayerProf]">My single player & Profile page game stats</legend>
                                                    <p rel="localize[ManageSingle]">"Manage who can see stats on your profile page and who can see your single player game stats through other Social Club features. This setting does not control multiplayer stats and multiplayer history outside of your profile page. NOTE: THIS CONTROL IS NOT YET LIVE FOR ALL GAMES."</p>
                                                </div>
												<p class="clearfix">
													<label class="mainLabel" for="GameplayVisibility" rel="localize[GameStatsVis]">Game stats visibility</label>
													
													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="GameplayVisibility" value="NONE">
														    <span rel="localize[MeOnly]">Me Only</span>
														</label>
														<label class="">
                                                            <input type="radio" name="GameplayVisibility" value="FRIENDS">
                                                            <span rel="localize[FriendsOnly]">Friends</span>
                                                        </label>
                                                        <label class="">
                                                            <input type="radio" name="GameplayVisibility" value="FRIENDSANDCREWS">
                                                            <span rel="localize[FriendsandCrew]">Friends & Crews</span>
                                                        </label>
														<label class="last selected">
														    <input type="radio" name="GameplayVisibility" value="EVERYONE">
														    <span rel="localize[Everyone]">Everyone</span>
														</label>
													
													</span>
												</p>												
												
											</fieldset>
											
										</form>
									
									</div>                                    
                                    <div id="gameSettings" class="content">

                                        <form id="gameSettingsForm" class="toggleOptionsForm">
										
											<fieldset>
                                                <div class="intro">
												    <legend rel="localize[GameSettings]">Game Settings</legend>
                                                    <p rel="localize[DetermineGameSettings]">Determine who can see the information about the games you are playing.</p>
                                                </div>
												<p class="clearfix">
													<label class="mainLabel" for="PresenceVisibility" rel="localize[PresenceVisibility]">Presence Visibility</label>													

													<span class="toggleOptions">
													
														<label class="first">
														    <input type="radio" name="PresenceVisibility" value="NONE">
														    <span rel="localize[MeOnly]">Me Only</span>
														</label>
														<label class="">
                                                            <input type="radio" name="PresenceVisibility" value="FRIENDS">
                                                            <span rel="localize[FriendsOnly]">Friends</span>
                                                        </label>
                                                        <label class="">
                                                            <input type="radio" name="PresenceVisibility" value="FRIENDSANDCREWS">
                                                            <span rel="localize[FriendsandCrew]">Friends & Crews</span>
                                                        </label>
														<label class="last selected">
														    <input type="radio" name="PresenceVisibility" value="EVERYONE">
														    <span rel="localize[Everyone]">Everyone</span>
														</label>
													
													</span>
												</p>
											</fieldset>

                                       </form>

                                    </div>
									<div id="settings" class="content"></div>
									<div id="blockList" class="content"></div>
								</div>
                    			
                    		</div>
                    	</div>
                    </div>
                    
                    <div class="statusbar bold"></div>
                    
			    </div>                             
		 </div>

         <div id="storePanel" class="panel">
            <div class="loadingMask contentWrapper watermarkBg">
                <span class="loading"></span>
            </div>
            <iframe id="storeFrame" src="" height="500" width="976" scrolling="no"></iframe>
        </div>        

        <div id="divDebugLog" class="blue panel">	
            <div class="inner">	
            <div id="debugMessages">
				<table id="debugTable" cellpadding="10" cellspacing="10" width="100%"><tr><th>Method</th><th>Element</th><th>Value</th></tr></table>
            </div>
            <div id="debugLinkWrapper"><input id="debugFileName" style="-webkit-user-select: auto;" /><a id="debugSaveToFile">Save to File</a> <a id="debugReturnLink" href="#">Return</a></div>
            </div>            
		</div>
	</div>
	
</div>
<input type="hidden" id="OnlineFlag" value="True" />

    <!-- Load in jQuery -->
	<script type="text/javascript" src="../Common/js/jquery-1.7.2.min.js"></script>   

	<!-- Add some easing -->
	<script type="text/javascript" src="../Common/js/jquery.easing.1.3.min.js"></script>
	
    <!-- Twitter plugin -->
    <script type="text/javascript" src="../Common/js/jTweetsAnywhere-1.2.1/jquery.jtweetsanywhere-1.2.1.min.js"></script>    

    <!-- Autocomplete -->
    <script type="text/javascript" src="../Common/js/autocomplete/jquery.autocomplete.min.js"></script>
    
    <!-- Scrolling -->
    <script type="text/javascript" src="../Common/js/antiscroll.min.js"></script>
    <script type="text/javascript" src="../Common/js/jquery.mousewheel.min.js"></script>
    
    <!-- Loading spinners -->
	<script type="text/javascript" src="../Common/js/jquery.spinner.min.js"></script> 
    
    <!-- Localization-->
    <script type="text/javascript" src="../Common/js/jquery.localize.min.js"></script>
    <script type="text/javascript" src="../Common/js/jquery.xml2json.min.js"></script>

     
    <!-- Data Functions -->    
    <script type="text/javascript" src="../Common/js/jquery.datafunctions.min.js"></script>
	    
       

    <!-- Game Functions -->
    <script type="text/javascript" src="../Common/js/gamefunctions.min.js"></script>
    
    <!-- Setup -->
    <script type="text/javascript" src="js/jquery.setup.desktop.min.js"></script>

    <!-- Form Validation -->
    <script type="text/javascript" src="../Common/js/formvalidation.min.js"></script>
    
</body>
</html>
